<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>考试说明</title>
  <link rel="stylesheet" href="./css/examDescription.css">
</head>

<body>
  <div class="box">
    <div class="main">
      <div class="examinfo">
        <table border="1">
          <tr>
            <td>考试名称</td>
            <td>当代大学生国家安全教育</td>
          </tr>
          <tr>
            <td>考试时长（分钟）</td>
            <td>90 分钟</td>
          </tr>
          <tr>
            <td>考试时间</td>
            <td>2024-04-12 00:00 至 2024-11-30 23:59</td>
          </tr>
        </table>
      </div>
      <div class="exam-describe">
        <pre>
考试说明：
1、离开或退出考试界面答题计时不停止，请不要中途离开考试界面。
2、保持座位前的桌面干净，不要有与考试无关的内容。
3、考试时间截止或答题时间结束，如果处于答题页面，将自动提交试卷。
4、考试过程中如果出现页面卡死、题目空白情况，请尝试切换网络或退出重新进入考试。
        </pre>
      </div>
      <div>
        <input type="checkbox">
        <p id="cb"> 我已阅读并同意</p>
      </div>
      <div class="link">
        <a href="#" onclick="event.preventDefault()">进入考试</a>
      </div>
    </div>
  </div>

  <script>
    document.querySelector('[type="checkbox"]').addEventListener('click', () => document.querySelector('.link a').style.opacity = "1")
    document.querySelector('.link').addEventListener('click', (e) => {
      // bug修复: 清除上次考试答题情况
      for (let i = 0; i < 200; i++) {
        localStorage.removeItem(`answered_${i}`)
      }
      location.href = './exam.html' 
    })

  </script>

</body>

</html>